<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的订单</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 750*100 + 'px';
    </script>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/order.css">
</head>
<body>
<div id="wrap">
    <header>
        <div class="head">
            <a href=""><i class="iconfont" style="margin-right:0.18rem;">&#xe636;</i><span>我的订单</span></a>
        </div>
    </header>
    <nav>
        <a href="">全部</a>
        <a href="">待付款</a>
        <a href="">待收货</a>
        <a href="">已完成</a>
    </nav>
    <section>
        <div class="main">
            <div class="commodity">
                <img src="../imgs/photo2.jpg" alt="">
                <div class="comText">
                    <p>甜橙固体饮料</p>
                    <div class="price"><p>￥20.00</p><span><i class="iconfont">&#xe62e;</i> 10</span></div>
                </div>
            </div>
            <p><span style="margin-right:2.16rem;">待付款</span><span>共一件商品&nbsp;合计:￥</span><span>300.00</span></p>
            <div class="buyBtn">
                <a href="">立即购买</a>
            </div>
        </div>
        <div class="main">
            <div class="commodity">
                <img src="../imgs/photo2.jpg" alt="">
                <div class="comText">
                    <p>甜橙固体饮料</p>
                    <div class="price"><p>￥20.00</p><span><i class="iconfont">&#xe62e;</i> 10</span></div>
                </div>
            </div>
            <div class="commodity">
                <img src="../imgs/photo2.jpg" alt="">
                <div class="comText">
                    <p>甜橙固体饮料</p>
                    <div class="price"><p>￥20.00</p><span><i class="iconfont">&#xe62e;</i> 10</span></div>
                </div>
            </div>
            <p><span style="margin-right:2.16rem;">待收货</span><span>共一件商品&nbsp;合计:￥</span><span>600.00</span></p>
            <div class="buyBtn">
                <a href="" class="btnBuy">确认收货</a>
            </div>
        </div>
        <div class="main">
            <div class="commodity">
                <img src="../imgs/photo2.jpg" alt="">
                <div class="comText">
                    <p>甜橙固体饮料</p>
                    <div class="price"><p>￥20.00</p><span><i class="iconfont">&#xe62e;</i> 10</span></div>
                </div>
            </div>
            <p><span style="margin-right:2.16rem;">已完成</span><span>共一件商品&nbsp;合计:￥</span><span>300.00</span></p>
        </div>
    </section>
</div>
</body>
</html>